<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>绝对定位</title>
		<style>
			div {
				width: 200px;
				height: 200px;
			}
			.div1 {
				background-color: red;
				/* 脱流、该元素上浮一层、释放空间位置 */
				/* 
				   这里相对于body发生偏移，
				   如果父元素设置了postion为绝对/相对定位，
				   则相对于父元素偏移 
				*/
				position: absolute;
				/* 向下偏移 */
				top: 0px;
				/* 向上偏移 */
				bottom: ;
				/* 向右 */
				left: 0px;
				/* 向左 */
				right: ;
			}
			.div2 {
				background-color: green;
				position: absolute;
			}
			.div3 {
				background-color: blue;
			}
		</style>
	</head>
	<body>
		<!-- 文档流上1层 -->
		<div class="div1"></div>
		<!-- 文档流上2层 -->
		<div class="div2"></div>
		<!-- 标准文档流，最下层 -->
		<div class="div3"></div>
	</body>
</html>